<template>
	<view class="allwrap">
		<view style="display: flex;margin-top: 33rpx;">
			<image :src="avatar" class="img"></image>
			<view style="margin-left: 24rpx;">
				<view class="title">张三的工作日志</view>
				<view class="time">2024-08-15 10:00</view>
			</view>
		</view>
		<scroll-view id="scrollview" class="chat-window" scroll-y="true" :style="{height: (clientHeight-10) + 'px'}"
		:scroll-with-animation="scrollAnimation">
			<view class="content-title">任务名称</view>
			<view class="content-text">文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</view>
			<view class="content-title" style="margin-top: 40rpx;">问题描述</view>
			<view class="content-text">文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</view>
			<view class="content-title" style="margin-top: 40rpx;">解决方案</view>
			<view class="content-text">文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</view>
			<view class="content-title" style="margin-top: 40rpx;">其他</view>
			<view class="content-text"></view>
		</scroll-view>
		<!-- 电话提示滑动快 -->
		<movablearea1 :movaheight="movaheightAll" v-if="movableareaShow" @editMovaheightAll="editMovaheightAll" :movaTop="movaTopAll"></movablearea1>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				avatar:'https://cdn.uviewui.com/uview/album/1.jpg',
				scrollAnimation:true
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less">
	.img{
		width: 80rpx;
		height: 80rpx;
		border-radius: 50%;
	}
	.title{
		margin-top: 4rpx;
		font-weight: 500;
		font-size: 32rpx;
		color: #333333;
	}
	.time{
		font-weight: 400;
		font-size: 24rpx;
		color: #878787;
	}
	.chat-window{
		margin-top: 55rpx;
		// background: #000;
	}
	.content-title{
		font-weight: 400;
		font-size: 30rpx;
		color: #000000;
	}
	.content-text{
		margin-top: 26rpx;
		font-weight: 400;
		font-size: 26rpx;
		color: #6E6E6E;
	}
</style>
